import React from "react";
import { XButtonType } from "../..";

export default function XButton(props: XButtonType) {
  const { children, primaryColor = "#8f0ce7", onClick } = props;
  const style: React.CSSProperties = {
    "--x-primary-color": primaryColor,
  } as React.CSSProperties;
  return (
    <button className="x-button" style={style} onClick={onClick}>
      {children}
    </button>
  );
}
